﻿<%@ Page Title="Getting Started" Language="VB" MasterPageFile="~/site.master" AutoEventWireup="false"
    CodeFile="index.aspx.vb" Inherits="_default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <p>
        The following pages are a reference for bold travelers of the intertubes who wish
        to learn more about the jObjective Library and jObjectiveDotNET in particular, and
        how it can make their web development lives easier.
    </p>
    <p>
        jObjective source code, downloads and documentation can be found on the <a class="textcolour"
            href="https://code.google.com/p/jobjective/">Google Project site</a>. Regular
        updates and coming changes are discussed on <a class="textcolour" href="http://jobjective.blogspot.com/">
            the blog</a>.
    </p>
    <h2>
        Getting Started</h2>
    <p>
        The entire source code for this web page can be downloaded by connecting to the
        SVN repositry at <a href="http://code.google.com/p/jobjective/source/checkout" class="textcolour">
            Google Project</a>. If you do not wish to do this, and you want to either add
        jObjectiveDotNET to your existing solution or simply start from a clean slate, the
        following the following steps.
    </p>
    <ul style="list-style-type: disc">
        <li>To get started using jObjectiveDotNET you will need to <a href="https://code.google.com/p/jobjective/downloads/detail?name=jObjectiveDotNET%20v1.0.2.zip"
            class="textcolour">download</a> the latest version and extract it to an appropriate
            location.<a class="tutthumb" href="https://code.google.com/p/jobjective/downloads/detail?name=jObjectiveDotNET%20v1.0.2.zip"></a></li>
        <li>Create a new web project in Visual Studio or your preferred IDE.<a class="tutthumb"
            href="#" id="Step1" runat="server"></a></li>
        <li>Add a reference to the DLL you have just downloaded.<a class="tutthumb" href="#"
            id="Step2" runat="server"></a></li>
        <li>Adding the following line to your web.config is recommended, to save having to reference
            the control library in every page:<a class="tutthumb" href="#" id="Step3" runat="server"></a><br />
            <code>&lt;add tagPrefix="jdn" namespace="jObjectiveDotNET" assembly="jObjectiveDotNET"/&gt;</code></li>
        <li>The web project is now ready for development. Similar to the Microsoft AJAX framework,
            jObjective has a ScriptWriter which needs to be added to every page that wishes
            to use the library. More documentation on the ScriptWriter can be found <a href="http://code.google.com/p/jobjective/wiki/ScriptWriter" class="textcolour">here</a> </li>
    </ul>
    <h2>
        <a href="tutorial1.aspx" class="nodecoration">Tutorial #1</a></h2>
    <p>
        A very simple page which demonstrates how to collect the data on a page from all
        the relevant HTML form elements, with a single javascript function and then submit
        them via AJAX to be consumed by a web service.
    </p>
    <h2>
        <a href="tutorial2.aspx" class="nodecoration">Tutorial #2</a></h2>
    <p>
        A more complex example of a 3 step wizard, using AJAX to submit each step before
        continuing onto the next.
    </p>
    <p>
        Note: All form data submitted to the web services is preserved in memory for 10
        minutes using a sliding expiration.
    </p>
    <jdn:PopupBox ID="GetStartedStep1" runat="server" ObjectName="GetStartedStep1"
        CssClass="popupbox">
        <img alt="Step 1" src="style/images/getstarted/getstarted_step1.png" />
    </jdn:PopupBox>
    <jdn:PopupBox ID="GetStartedStep2" runat="server" ObjectName="GetStartedStep2"
        CssClass="popupbox">
        <img alt="Step 1" src="style/images/getstarted/getstarted_step2.png" />
    </jdn:PopupBox>
    <jdn:PopupBox ID="GetStartedStep3" runat="server" ObjectName="GetStartedStep3"
        CssClass="popupbox">
        <img alt="Step 1" src="style/images/getstarted/getstarted_step3.png" />
    </jdn:PopupBox>
</asp:Content>
